<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="upon">
    <title>首页</title>
    <link rel="icon" href="./img/favicon.ico" type="image/ico">
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js "></script>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/slideimage.css">
    <script src="./js/template-web.js"></script>
</head>

<body data-spy="scroll" data-target="#navbar-example" id="dingbu">
    <!--固定位置显示固定头-->
    <div class="fixheader"><span class="icon1" style="margin-left:350px;"></span>
        <div class="smallinput">
            <div class="input-group  ">
                <input type="text" class="form-control" name="search" id="search" placeholder="新品首发送你">
                <span class="input-group-addon "><span class="glyphicon glyphicon-search"></span></span>
            </div>
        </div>
    </div>
    <!--导航栏-->
    <header>
        <img src="./img/header.jpg" alt="">
    </header>
    <img src="./img/logo.v3.jpg" alt="" class="dog">
    <div class="header ">
        <!-- Nav tabs -->
        <div class="daohang">
            <ul class="nav nav-tabs margin" role="tablist">
                <li role="presentation" id="beijing"><a href="#position" aria-controls="home" role="tab" data-toggle="tab"><img src="./img/position.png" alt="" class="smallimg">北京</a></li>
                <li role="presentation" id="name" style="margin-left:140px;"><a href="./load.html">你好，请登录</a></li>
                <li role="presentation" id="mainfei"><a href="register.html">免费注册</a></li>
                <li role="presentation"><a href="#dingdan" aria-controls="settings" role="tab" data-toggle="tab">我的订单</a></li>
                <li role="presentation" id="myjingdong"><a href="#myjingdong1" aria-controls="settings" role="tab" data-toggle="tab">我的京东 <span class="glyphicon glyphicon-chevron-down"></span></a></li>
                <li role="presentation"><a href="#huiyuan" aria-controls="settings" role="tab" data-toggle="tab">京东会员</a></li>
                <li role="presentation"><a href="#caigou" aria-controls="settings" role="tab" data-toggle="tab">企业采购</a></li>
                <li role="presentation" id="kehufuwu"><a href="#fuwu" aria-controls="settings" role="tab" data-toggle="tab">客户服务<span class="glyphicon glyphicon-chevron-down"></span></a></li>
                <li role="presentation" id="wangzhandaohang"><a href="#wangzhan" aria-controls="settings" role="tab" data-toggle="tab">网站导航<span class="glyphicon glyphicon-chevron-down"></span></a></li>
                <li role="presentation" id="shoujijingdong"><a href="#shouji" aria-controls="settings" role="tab" data-toggle="tab">手机京东</a></li>
            </ul>
        </div>
        <!-- Tab panes -->
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane " id="position">
                <div>
                    <span class="bg-red">北京</span>
                    <span>上海</span>
                    <span>天津</span>
                    <span>重庆</span>
                    <span>河北</span>
                </div>
                <div>
                    <span>山西</span>
                    <span>河南</span>
                    <span>辽宁</span>
                    <span>吉林</span>
                    <span>黑龙江</span>
                </div>
                <div>
                    <span>内蒙古</span>
                    <span>江苏</span>
                    <span>山东</span>
                    <span>安徽</span>
                    <span>浙江</span>
                </div>
                <div>
                    <span>福建</span>
                    <span>湖北</span>
                    <span>湖南</span>
                    <span>广东</span>
                    <span>广西</span>
                </div>
                <div>
                    <span>江西</span>
                    <span>四川</span>
                    <span>海南</span>
                    <span>贵州</span>
                    <span>云南</span>
                </div>
                <div>
                    <span>西藏</span>
                    <span>山西</span>
                    <span>甘肃</span>
                    <span>青海</span>
                    <span>宁夏</span>
                </div>
                <div>
                    <span>新疆</span>
                    <span>港澳</span>
                    <span>台湾</span>
                    <span>钓鱼岛</span>
                    <span>海外</span>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="myjingdong1">
                <section><a href="">待处理订单</a><a href="">消息</a> </section>
                <section><a href="">返修退换货</a><a href="">我的问答</a></section>
                <section><a href="">降价商品</a><a href="">我的关注</a></section>
                <hr>
                <section><a href="">我的京豆</a><a href="">我的优惠券</a></section>
                <section><a href="">我的白条</a><a href="">我的理财</a></section>
            </div>
            <div role="tabpanel" class="tab-pane" id="fuwu">
                <h6>客户</h6>
                <section><a href="">帮助中心</a> <a href="">售后服务</a></section>
                <section><a href="">在线客服 </a><a href="">意见建议</a></section>
                <section><a href="">电话客服</a> <a href="">客服邮箱</a></section>
                <section><a href="">金融咨询 </a><a href="">售全球客服</a></section>
                <hr>
                <h6>商户</h6>
                <section><a href="">合作招商 </a><a href="">京东商学院</a></section>
                <section><a href="">商家后台</a><a href="">京麦工作台</a></section>
                <section><a href="">商家帮助</a><a href=""> 规则平台</a></section>
            </div>
            <div role="tabpanel" class="tab-pane" id="wangzhan">

                <ul>
                    <li><strong>特色主题</strong></li>
                    <li><a href="#">京东试用</a></li>
                    <li><a href="#">京东会员</a></li>
                    <li><a href="#">装机大师</a></li>
                    <li><a href="#">优惠券</a></li>
                    <li><a href="#">京东金融科技</a></li>
                </ul>
                <ul>
                    <li></li>
                    <li><a href="#">京东金融</a></li>
                    <li><a href="#">京东预售</a></li>
                    <li><a href="#">0元评测</a></li>
                    <li><a href="#">秒杀</a></li>
                    <li><a href="#">In货推荐</a></li>
                </ul>
                <ul>
                    <li></li>
                    <li><a href="#">全球售</a></li>
                    <li><a href="#">买什么</a></li>
                    <li><a href="#">定期送</a></li>
                    <li><a href="#">闪购</a></li>
                    <li><a href="#">礼品购</a></li>
                </ul>
                <ul class="submenu-two">
                    <li></li>
                    <li><a href="#">国际站</a></li>
                    <li><a href="#">俄语站</a></li>
                    <li><a href="#">港澳售</a></li>
                    <li><a href="#">印尼站</a></li>
                    <li><a href="#">出海招商</a></li>
                </ul>

                <ul>
                    <li><strong>行业频道</strong></li>
                    <li><a href="#">手机</a></li>
                    <li><a href="#">电脑办公</a></li>
                    <li><a href="#">服装城</a></li>
                    <li><a href="#">母婴</a></li>
                    <li><a href="#">农资频道</a></li>
                </ul>
                <ul>
                    <li></li>
                    <li><a href="#">智能数码</a></li>
                    <li><a href="#">家用电器</a></li>
                    <li><a href="#">美妆馆</a></li>
                    <li><a href="#">食品</a></li>
                    <li><a href="#">整车</a></li>
                </ul>
                <ul class="submenu-two">
                    <li></li>
                    <li><a href="#">玩3C</a></li>
                    <li><a href="#">京东智能</a></li>
                    <li><a href="#">家装城</a></li>
                    <li><a href="#">运动户外</a></li>
                    <li><a href="#">图书</a></li>
                </ul>
                <ul>
                    <li><strong>生活服务</strong></li>
                    <li><a href="#">京东众筹</a></li>
                    <li><a href="#">京东小金库</a></li>
                    <li><a href="#">话费</a></li>
                    <li><a href="#">旅行</a></li>
                    <li><a href="#">京东到家</a></li>
                </ul>
                <ul>
                    <li></li>
                    <li><a href="#">白条</a></li>
                    <li><a href="#">理财</a></li>
                    <li><a href="#">水电煤</a></li>
                    <li><a href="#">机票酒店</a></li>
                    <li><a href="#">京东众测</a></li>
                </ul>
                <ul class="submenu-two">
                    <li></li>
                    <li><a href="#">京东金融APP</a></li>
                    <li><a href="#">京东微联</a></li>
                    <li><a href="#">彩票</a></li>
                    <li><a href="#">电影票</a></li>
                    <li><a href="#">游戏</a></li>
                </ul>
                <ul>
                    <li><strong>更多精彩</strong></li>
                    <li><a href="#">合作招商</a></li>
                    <li><a href="#">企业采购</a></li>
                    <li><a href="#">乡村招募</a></li>
                    <li><a href="#">京东社区</a></li>
                    <li><a href="#">知识产权维权</a></li>
                </ul>
                <ul>
                    <li></li>
                    <li><a href="#">京东通信</a></li>
                    <li><a href="#">服务市场</a></li>
                    <li><a href="#">校园加盟</a></li>
                    <li><a href="#">智能社区</a></li>
                    <li><a href="#">在线读书</a></li>
                </ul>
                <ul>
                    <li><a href="#">京东E卡</a></li>
                    <li><a href="#">京东E卡</a></li>

                    <li><a href="#">办公生活馆</a></li>
                    <li><a href="#">京东邦</a></li>
                    <li><a href="#">游戏社区</a></li>
                </ul>
            </div>
            <div role="tabpanel" class="tab-pane" id="shouji">
                <div class="shouji1"> <img src="./img/rederwei.png" alt="">
                    <div class="content">
                        <h6>手机京东</h6>
                        <p class="red">新人享大礼包</p>
                        <span class="i "></span>
                        <span class="i i1"></span>
                        <span class="i i2"></span>
                    </div>
                </div>
                <hr>
                <div class="shouji1">
                    <img src="./img/blackerwei.jpg" alt="">
                    <div class="content">
                        <h6>关注京东微信</h6>
                        <p class="red">微信扫一扫关注 新粉最高180元 惊喜礼包
                        </p>
                    </div>
                </div>
                <hr>
                <div class="shouji1">
                    <img src="./img/blueerwei.jpg" alt="">
                    <div class="content">
                        <h6>京东金融客户端</h6>
                        <p class="red">新人享大礼包</p>
                        <span class="i"></span>
                        <span class="i  i1"></span>

                    </div>
                </div>


            </div>
        </div>

    </div>
    <!--搜索框-->
    <div class="search">
        <div class="input-group">
            <input type="text" class="form-control" name="search" id="search" placeholder="新品首发送你">
            <span class="input-group-addon "><span class="glyphicon glyphicon-search"></span></span>
        </div>
        <p>
            <a href="" class="red">满199减100</a>
            <a href="">小米MIX2</a>
            <a href="">秋播农资</a>
            <a href="">奢侈品箱包</a>
            <a href="">预约省800</a>
            <a href="">罗汉果茶</a>
            <a href="">乳胶漆</a>
            <a href="">采棉节</a>
            <a href="">移动硬盘</a></p>
    </div>
    <button type="button" class="shop"><img src="./img/shopping.png" alt="">我的购物车<span class="bg-red">0</span></button>
    <div class="emptyshop">
        <hr class="hr1">
        <img src="./img/emptyshop.png" alt=""><span> 购物车中还没有商品，赶紧选购吧！</span>

    </div>
    <div class="petname">

    </div>
    <img src="./img/rederwei.png" alt="" class="erer">
    <!--导航栏2-->
    <div class="diaohang2">
        <p>
            <a href="" class="fontsize20bl">秒杀</a>
            <a href="" class="fontsize20bl">优惠券</a>
            <a href="" class="fontsize20bl">闪购</a>
            <a href="" class="fontsize20bl">拍卖</a>|
            <a href="" class="fontsize20bl" style="padding-left:10px">服装城</a>
            <a href="" class="fontsize20bl">京东超市</a>
            <a href="" class="fontsize20bl">生鲜</a>
            <a href="" class="fontsize20bl">全球购</a>|
            <a href="" class="fontsize20bl" style="padding-left:10px">京东金融</a>
            <img src="./img/lanji.png" alt="">
        </p>
    </div>

    <!--轮播图左右-->
    <div id="main">
        <div class="animate" style="font-size:0;">
            <img src="./img/zhuyedi.png" alt="" id="blue1">
            <img src="./img/zhuyedi2.png" alt="" id="blue2">
        </div>
        <div class="secondmain">
            <div class="left">
            </div>
            <div class="main">
                <div class="imgBox">
                    <img src="./img/bo1.jpg" alt="" class="show">
                    <img src="./img/bo2.jpg" alt="">
                    <img src="./img/bo3.jpg" alt="">
                    <img src="./img/bo4.jpg" alt="">
                    <img src="./img/bo5.jpg" alt="">
                    <img src="./img/bo6.jpg" alt="">
                    <img src="./img/bo7.png" alt="">
                    <img src="./img/bo8.jpg" alt="">
                </div>
                <div class="indicators">
                    <span class="current"></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                <div class="buttons">
                    <span id="prev">&lt;</span>
                    <span id="next">&gt;</span>
                </div>
            </div>

        </div>
        <img src="./img/xianlan.jpg" alt="" class="xianlan">
        <img src="./img/xianhong.png" alt="" class="xianhong">
        <div class="right">
            <div class="logo">
                <img src="./img/no_login.jpg" alt="" class="head"><span>Hi，欢迎来到京东！登录 注册</span>
                <div class="button2"><button>新人福利</button><button>PLUS会员</button></div>
            </div>
            <div class="contain">
                <span>促销</span>|<span>公告</span><span>更多</span>
                <hr>
            </div>
            <div class="infor">
                <p>索粉节！为信仰低至6折！</p>
                <p>品质家纺跨店2件8折</p>
                <p> 家纺自营满199减100</p>
                <p> 万件好物1元秒</p>
            </div>
            <div class="lvyou">
                <table>
                    <tr>
                        <td class="huafei1">
                            <span class="lvyou1 huafei"></span>
                            <p>话费</p>
                        </td>
                        <td class="jipiao1">
                            <span class="lvyou1 jipiao"></span>
                            <p>机票</p>
                        </td>
                        <td class="jiudian1">
                            <span class="lvyou1 jiudian"></span>
                            <p>酒店</p>
                        </td>
                        <td class="youxi1">
                            <span class="lvyou1 youxi"></span>
                            <p>游戏</p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="lvyou1 qiyegou"></span>
                            <p>企业购</p>
                        </td>
                        <td>
                            <span class="lvyou1 "></span>
                            <p>加油卡</p>
                        </td>
                        <td>
                            <span class="lvyou1 dianyingpiao"></span>
                            <p>电影票</p>
                        </td>
                        <td>
                            <span class="lvyou1 huochepiao"></span>
                            <p>火车票</p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="lvyou1 zongchou"></span>
                            <p>众筹</p>
                        </td>
                        <td>
                            <span class="lvyou1 licai"></span>
                            <p>理财</p>
                        </td>
                        <td>
                            <span class="lvyou1 lipinka"></span>
                            <p>礼品卡</p>
                        </td>
                        <td>
                            <span class="lvyou1 baitiao"></span>
                            <p>白条</p>
                        </td>
                    </tr>
                </table>
            

<div class="kuaikuai"><button class='button1'>x</button>
<table class="table">
                    <tr>
                        <td>话费</td>
                        <td>机票</td>
                        <td>酒店</td>
                        <td>游戏</td>
                    </tr>
                </table>
                <div><span>话费充值</span>
                    <span>流量充值</span>
                    <span>套餐变更</span>
                </div>
                <label for="">号码</label> <input type="text">
                <div> <label for="">面值</label> <select>
                        <option value="100">100元</option>
                        <option value="50">50元</option>
                        <option value="20">20元</option>
                    </select><span>￥98.0-￥100.0</span></div>
                <div><button>快速充值</button></div>
                <div> <span>HOT</span>抢50元话费券</div></div>





                <!--<table class="table">
                    <tr>
                        <td>话费</td>
                        <td>机票</td>
                        <td>酒店</td>
                        <td>游戏</td>
                    </tr>
                </table>
                <div><span>话费充值</span>
                    <span>流量充值</span>
                    <span>套餐变更</span>
                </div>
                <label for="">号码</label> <input type="text">
                <div> <label for="">面值</label> <select>
                        <option value="100">100元</option>
                        <option value="50">50元</option>
                        <option value="20">20元</option>
                    </select><span>￥98.0-￥100.0</span></div>
                <div><button>快速充值</button></div>
                <div> <span>HOT</span>抢50元话费券</div>-->
            </div>

        </div>
    </div>
    <!--秒杀-->
    <main>
        <div class="content1">
            <div class="redlig">
                <i class="box-header"></i>
                <div class="red-col1">
                    <i class="box-clo"></i>
                    <h3 class="box-til">京东秒杀</h3>
                    <a href="https://miaosha.jd.com">总有你想不到的低价
               <i class="youjiantou"></i> </a>
                </div>
                <div class="red-col2">
                    <span class="local">当前场次&nbsp;</span>
                    <div class="time">
                        <div class="hour"><span>00</span></div>
                        <div class="dot">
                            <div class="dot1"></div>
                            <div class="dot1"></div>
                        </div>
                        <div class="munite"><span>00</span></div>
                        <div class="dot">
                            <div class="dot1"></div>
                            <div class="dot1"></div>
                        </div>
                        <div class="second"><span>00</span></div>
                    </div>
                    <span class="last">后结束抢购</span>
                </div>
            </div>
            <div class="content11">
                <div class="leftcontent11">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"></div>
                            <div class="swiper-slide"></div>
                            <div class="swiper-slide"></div>
                            <div class="swiper-slide"></div>
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                        <!-- Add Arrows -->
                        <div class="swiper-button-next ">&gt;</div>
                        <div class="swiper-button-prev ">&lt;</div>
                    </div>
                </div>
                <div class="rightcontent11">
                    <div id="slideBox">
                        <div class="imgBox">
                            <img src="./img/bbo2.png" alt="" class="show">
                            <img src="./img/bobo1.jpg" alt="">
                        </div>
                        <div class="indicators">
                            <span class="current"></span>
                            <span></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content2">
                <!--发现好货-->
                <div>
                    <div class="box_hd blue">
                        <i class="box_hd_arrow"></i>
                        <i class="box_hd_dec1"></i>
                        <h3 class="box_tit">发现好货</h3>
                        <a href="http://fxhh.jd.com/index.html" target="_blank" class="box_subtit" clstag="h|keycount|2016|14a">发现品质生活<i class="youjiantou"></i></a>
                    </div>

                    <div class="fjb_con_bottom">

                    </div>
                </div>
                <!--会买专辑-->
                <div class="middle">
                    <div class="box_hd purple">
                        <i class="box_hd_arrow"></i>
                        <i class="box_hd_dec2"></i>
                        <h3 class="box_tit">会买专辑</h3><a href="//ypzj.jd.com/" target="_blank" class="box_subtit" clstag="h|keycount|2016|15a">甄选优质好物<i class="youjiantou"></i></a>
                    </div>

                    <div class="fjb_con_bottom1">
                        <div id="slideBox">
                            <div class="imgBox">
                            </div>
                            <div class="indicators">
                                <span class="current"></span>
                                <span></span>
                                <span></span>

                            </div>
                        </div>
                    </div>
                </div>
                <!--排行榜-->
                <div class="paihangban">
                    <div class="box_hd  orange">
                        <i class="box_hd_arrow"></i>
                        <i class="box_hd_dec3"></i>
                        <h3 class="box_tit">排行榜</h3><a href="http://top.jd.com/" target="_blank" class="box_subtit" clstag="h|keycount|2016|16a">专属你的购物指南<i class="youjiantou"></i></a>
                    </div>
                    <div class="fjb_con_bottom1">

                    </div>
                </div>
            </div>
            <div class="content3">
                <div class="leftcontent3">
                    <div class="box_hd lightorange">
                        <i class="box_hd_arrow"></i>
                        <i class="box_hd_dec4"></i>
                        <h3 class="box_tit">领券中心</h3>
                        <a href="http://fxhh.jd.com/index.html" target="_blank" class="box_subtit" clstag="h|keycount|2016|14a">前往领券中心<i class="youjiantou"></i></a>
                    </div>
                    <div class="fjb_con_bottom1">
                    </div>
                </div>
                <!--觅ME-->
                <div class="rightcontent3">
                    <div class="box_hd lightpurple">
                        <i class="box_hd_arrow"></i>
                        <i class="box_hd_dec5"></i>
                        <h3 class="box_tit">觅ME</h3>
                        <a href="http://fxhh.jd.com/index.html" target="_blank" class="box_subtit" clstag="h|keycount|2016|14a">探索生活<i class="youjiantou"></i></a>
                    </div>
                    <div class="fjb_con_bottom1">

                    </div>
                </div>
            </div>
        </div>
        <div class="tiao">
            <img src="./img/chuanyue.jpg" alt="">
            <img src="./img/chuanyue1.jpg" alt="">
            <img src="./img/chuanyue2.jpg" alt="">
        </div>
        <!--享品质-->
        <div class="important" id="xaingpinzhi">
            <div class="diandian"></div>
            <p id="diandian">享品质</p>
            <div class="diandian"></div>

            <div class="important1">
                <!--享品质左侧-->
                <div class="leftimportant1">
                </div>
                <!--享品质右侧-->
                <div class="rightimportant1">
                    <!--享品质右侧头-->
                    <div class="rightimportant1top">
                        <div class="imgBox">
                            <img src="./img/meinv1.png" alt="" class="show">
                            <img src="./img/meinv2.png" alt="">
                            <img src="./img/meinv3.png" alt="">
                            <img src="./img/meinv4.png" alt="">
                            <img src="./img/meinv5.png" alt="">
                        </div>
                    </div>
                    <!--享品质右侧尾部-->
                    <div class="rightimportant1bottom">
                    </div>
                </div>
            </div>
        </div>
        <div class="tiao1 yujiazai">
            <img src="./img/chuanyue.jpg" alt="">
            <img src="./img/chuanyue1.jpg" alt="">
            <img src="./img/chuanyue2.jpg" alt="">
        </div>
        <div class="tiao2 yujiazai">
            <img src="./img/chuanyuela1.jpg" alt="">
            <img src="./img/chuanyuela2.jpg" alt="">
            <img src="./img/chuanyuela3.jpg" alt="">
        </div>
        <!--爱生活-->
        <div class="significant" id="aishenghuo">
            <div class="diandian"></div>
            <p id="diandian">爱生活</p>
            <div class="diandian"></div>
            <div class="significant1 yujiazai">

            </div>

        </div>
        <!--购特色-->
        <div class="goutese ">
            <div class="diandian"></div>
            <p id="diandian">购特色</p>
            <div class="diandian"></div>
            <div class="goutesebody yujiazai">
                <div class="tupian">
                    <img src="./img/1.jpg" alt="">
                    <div class="neirong">
                        <h4>环球时尚</h4>
                        <p>环球名品，奢华精选</p>
                    </div>
                </div>
                <div class="tupian">
                    <img src="./img/2.jpg" alt="">
                    <div class="neirong">
                        <h4>品牌特卖</h4>
                        <p>品牌限时特卖</p>
                    </div>
                </div>
                <div class="tupian">
                    <img src="./img/3.jpg" alt="">
                    <div class="neirong">
                        <h4>陪伴宝宝</h4>
                        <p>买3免1</p>
                    </div>
                </div>
                <div class="tupian">
                    <img src="./img/4.jpg" alt="">
                    <div class="neirong">
                        <h4>企业采购</h4>
                        <p>1000元E卡免费抽</p>
                    </div>
                </div>
                <div class="tupian">
                    <img src="./img/5.jpg" alt="">
                    <div class="neirong">
                        <h4>IN货推荐</h4>
                        <p>法手机新品享 12期免息</p>
                    </div>
                </div>
                <div class="tupian">
                    <img src="./img/6.jpg" alt="">
                    <div class="neirong">
                        <h4>京东扶贫</h4>
                        <p>买特产，助贫农</p>
                    </div>
                </div>
                <div class="tupian">
                    <img src="./img/7.jpg" alt="">
                    <div class="neirong">
                        <h4>健康服务</h4>
                        <p>体检每满199减20</p>
                    </div>
                </div>
                <div class="tupian">
                    <img src="./img/8.jpg" alt="">
                    <div class="neirong">
                        <h4>司法拍卖</h4>
                        <p>法院好货 公开拍卖</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="tiao3 yujiazai">
            <img src="./img/mei1.jpg" alt="">
            <img src="./img/mei2.jpg" alt="">
            <img src="./img/mei3.jpg" alt="">
        </div>
        <!--还没逛够-->
        <div class="haimeigouwan" id="haimeigou">
            <div class="diandian"></div>
            <p id="diandian">还没逛够</p>
            <div class="diandian"></div>
            <div class="haimeigouwan1 yujiazai">
            </div>
        </div>
        <footer>
            <div class="footerTop">
                <div class="ftIn disJA">
                    <section>
                        <p class="gtIn_one"></p><span>品类齐全，轻松购物</span></section>
                    <section>
                        <p class="gtIn_two"></p><span>多仓直发，极速配送</span></section>
                    <section>
                        <p class="gtIn_three"></p><span>正品行货，精致服务</span></section>
                    <section>
                        <p class="gtIn_four"></p><span>天天低价，畅选无忧</span></section>
                </div>
            </div>
            <div class="footerMiddle">
                <div class="fmIn">
                    <section>
                        <h6>购物指南</h6>
                        <p>购物流程</p>
                        <p>会员介绍</p>
                        <p>生活旅行</p>
                        <p>常见问题</p>
                        <p>大家电</p>
                        <p>系客服</p>
                    </section>
                    <section>
                        <h6>配送方式</h6>
                        <p>上门自提</p>
                        <p>211限时达</p>
                        <p>配送服务查询</p>
                        <p>配送费收取标准</p>
                        <p>海外配送</p>
                    </section>
                    <section>
                        <h6>支付方式</h6>
                        <p>货到付款</p>
                        <p>在线支付</p>
                        <p>分期付款</p>
                        <p>邮局汇款</p>
                        <p>公司转账</p>
                    </section>
                    <section>
                        <h6>售后服务</h6>
                        <p>售后政策</p>
                        <p>价格保护</p>
                        <p>退款说明</p>
                        <p>返修/退换货</p>
                        <p>取消订单</p>
                    </section>
                    <section>
                        <h6>特色服务</h6>
                        <p>夺宝岛</p>
                        <p>DIY装机</p>
                        <p>延保服务</p>
                        <p>京东E卡</p>
                        <p>京东通信</p>
                        <p>京东JD+</p>
                    </section>
                    <section>
                        <h6 style="margin-left:40px;">京东自营覆盖区县</h6>
                        <p>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
                        <span style="float:right">查看详情</span>
                    </section>
                </div>
            </div>
            <div class="footerBottom yujiazai">
                <h6>关于我们 | 联系我们 | 联系客服 | 合作招商 | 商家帮助 | 营销中心 | 手机京东 | 友情链接 | 销售联盟 | 京东社区 | 风险监测 | 隐私政策 |京东公益</h6><span>|English Site|Media & IR</span>
                <p>京公网安备 11000002000088号 | 京ICP证070359号 | 互联网药品信息服务资格证编号(京)-经营性-2014-0008 | 新出发京零 字第大120007号</p>
                <p>互联网出版许可证编号新出网证(京)字150号|出版物经营许可证 | 网络文化经营许可证京网文[2014]2148-348号 | 违法和不良信息举报电话：4006561155</p>
                <p>Copyright 2004 - 2017 京东JD.com 版权所有 | 消费者维权热线：4006067733经营证照</p>
                <p>京东旗下网站：京东支付 | 京东云</p>
                <img src="./img/daodile.png" alt="">
            </div>
        </footer>
    </main>
    <!--悬浮右侧显示左侧-->
    <div class="clickleft">
        <div class="moreleft">
            <div class="clickheader"></div>
            <div class="clickbody"></div>
        </div>
        <div class="litterright">
            <div class="topheader">
            </div>
            <div class="bottombody"></div>
        </div>
    </div>


    <!--右侧固定的块-->
    <div class="iconblock1">
        <span class="smallicon1 ">京东会员</span>
        <span class="smallicon1 ">购物车</span>
        <span class="smallicon1 ">我的关注</span>
        <span class="smallicon1 ">我的足迹</span>
        <span class="smallicon1 ">我的消息</span>
        <span class="smallicon1 ">咨讯JIMI</span>
        <span class="smallicon1 " style="margin-top:225px">顶部</span>
        <span class="smallicon1 ">反馈</span>
    </div>
    <div class="fixright">
        <div class="iconblock">
            <span class="smallicon sm1"></span>
            <span class="smallicon sm2"></span>
            <span class="smallicon sm3"></span>
            <span class="smallicon sm4"></span>
            <span class="smallicon sm5"></span>
            <span class="smallicon sm6"></span>
            <a href="#dingbu">  <span class="smallicon sm7" style="margin-top:220px"></span></a>
            <span class="smallicon sm8"></span>
        </div>
    </div>
    <!--滚动监听-->

    <div id="navbar-example">
        <ul class="nav nav-tabs " role="tablist">
            <li class="active"><a href="#xaingpinzhi">享品质</a></li>
            <li><a href="#aishenghuo">服饰美妆</a></li>
            <li><a href="#ai2">家电手机</a></li>
            <li><a href="#ai4">电脑数码</a></li>
            <li><a href="#ai5">3C运动</a></li>
            <li><a href="#ai7">爱吃</a></li>
            <li><a href="#ai8">母婴家居</a></li>
            <li><a href="#ai10">图书汽车</a></li>
            <li><a href="#ai12">游戏金融</a></li>
            <li><a href="#ai14">旅行健康</a></li>
            <li><a href="#haimeigou">还没逛完</a></li>
            <li><a href="#dingbu">顶部 <span class="glyphicon glyphicon-triangle-top"></span></a></li>
        </ul>
    </div>
    <script src="./js/swiper.min.js"></script>
    <script src="./json/quan.js"></script>
    <script src="./json/moregoods.js"></script>
    <script src="./json/gridItem.js"></script>
    <script src="./json/enjoyright.js"></script>
    <script src="./json/entry.js"></script>
    <script src="./json/fineME.js"></script>
    <script src="./json/top.js"></script>
    <script src="./json/catedata.js"></script>
    <script src="./json/find.js"></script>
    <script src="./json/jdms.js"></script>
    <script src="./json/sup.js"></script>
    <script src="bootstrap/js/jquery.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="bootstrap/js/jquery.cookie.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/slide.js"></script>
    <script src="./js/daojishi.js"></script>
    <script>

    </script>
</body>

</html>